.content{
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(178deg, #ADB9FF 0%, #F2DDFF 100%);
	position: relative;
	.box{
		width: 686rpx;
		height: 800rpx;
		background: linear-gradient(180deg, #F8F7FF 0%, #FFFFFF 100%);
		padding: 50rpx 0;
		border-radius: 16rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		.top{
			width: 100%;
			height: 40%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			.title{
				display: block;
				width: 100%;
				text-align: center;
				padding: 20rpx 0;
				font-size: 60rpx;
				font-weight: 400;
				color: #4A4A4A;
			}
			.sus{
				display: block;
				width: 100%;
				text-align: center;
				padding: 20rpx 0;
				font-size: 40rpx;
				font-weight: 400;
				color: #F539C4;
			}
		}
		.down{
			width: 100%;
			height: 60%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			.code{
				width: 100%;
				.codes{
					width: 590rpx;
					height: 120rpx;
					background-color: #F2F1F8;
					margin: 0 auto;
					padding: 40rpx 0;
					border-radius: 16rpx;
					.codes-title{
						display: block;
						width: 100%;
						text-align: center;
						color: #969696;
						font-size: 28rpx;
					}
					.codes-title2{
						display: block;
						width: 100%;
						text-align: center;
						color: #FF539C;
						font-size: 72rpx;
						margin-top: 15rpx;
					}
				}
				.code-title{
					display: block;
					width: 100%;
					text-align: center;
					padding: 40rpx 0;
					color: #FF539C;
					font-size: 28rpx;
				}
			}
			.btnBox{
				width: 270rpx;
				height: 270rpx;
				background: rgba(255, 83, 156, 0.15);
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
				.btn{
					width: 230rpx;
					height: 230rpx;
					line-height: 230rpx;
					text-align: center;
					color: #FFFFFF;
					background-color: #FF539C;
					border-radius: 50%;
					font-size: 42rpx;
				}
			}
		}
	}
	.ball{
		position: absolute;
		bottom: 0;
		right: 0;
		width: 35%;
		height: 30%;
		display: flex;
		justify-content: center;
		align-items: center;
		image{
			width: 100%;
			height: 100%;
		}
	}
}


